// Some best-practice CSS that's useful for most apps
// Just remove them if they're not what you want
@import './layout';
// @import './antd';
@import './navbar';
@import './home';
@import './footer';
@import './auth';
@import './detail';
@import './user';
@import './mixin';
@import './size';
@import './iconfont';


/*
分音：需要导入 SCSS 或者 Sass 文件，但又不希望将其编译为 CSS，只需要在文件名前添加下划线，这样会告诉 Sass 不要编译这些文件，但导入语句中却不需要添加下划线
*/

html {
  box-sizing: border-box;
}

html,
body {
  padding: 0;
  margin: 0 auto;
  min-width: $_1200;
  overflow-x: hidden;
  background: #e5e5e5 !important;
  font-size: $_14;
  
}
#root{
  // height: 100%;
}
ol, ul, dl{
  margin-bottom: 0;
}
li{
  list-style: none;
}
h3{
  font-size: $_36;
}
h4{
  font-size: $_28;
}
small{
  font-size: $_12!important;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}

/*公共样式*/
.dfr {
  display: flex;
  flex-direction: row;
}

.dfrc {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center
}
.dfc{
  display: flex;
  flex-direction: column;
}

.dfcc {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.dfccb {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center
}

.dfrsb {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: start
}
.dfrsc {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.dfrcb {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center
}

.dfrcw {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.dfrscw {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.dfrs {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.dfre{
  display: flex;
  flex-direction: row;
  
}


.fx1 {
  -webkit-flex: 1;
  flex: 1;
}

/*color*/
.cff{
  color: #fff
}
.c40{
  color: #404040
}
.cmain{
  color: $cmain
}
.cblue{
  color: $cblue;
}
.cred{
  color: #FF3131;
}

.cred2{
  color: #FF6131;
}
.cbb{
  color: #bbb;
}
.c55{
  color: #555;
}
.c99{
  color: #999;
}
/*font*/
.f14{
  font-size:$_14;
}
.f16{
  font-size: $_16;
}
.f20{
  font-size: $_20;
}
.f24{
  font-size: $_24;
}
.f28{
  font-size: $_28;
}
.f36{
  font-size: $_36;
}
.fnormal{
  font-size: $_14;
  color: #555;
}

/*公共结构样式*/
.wh100{
  width: 100%;
  height: 100%;
}
.w100{
  width: 100%;
}
.h100{
  height: 100%;
}
.ml10{
  margin-left:$_10;
}
.mr10{
  margin-right: $_10;
}
.aHelper{
  cursor: pointer;
}
.content{
margin: 0 auto;
width: $_1200;
}

.imgCover{
  width: 100%;
  height: 100%;
  object-fit: cover; 
}
.borderHint{
  display: inline-block;
  width:$_4;
  height:$_20;
  background:$cmain; 
}

/*search**/
.searchContainer{
  .icon-3078851224{
    top:15%!important;
  }
}
.searchBtn{
padding: 0 $_24;
height: 100%;
background:rgba(85,111,181,1)!important;
border-radius:0 $_4 $_4 0;
font-size:$_20 ;
color: #fff !important;
}

/*swiper*/
.swiper-wrapper{
  align-items: center;
}
.custom-slide{
  width:$_280!important;
  height:$_320;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;

}
.custom-slide.custom-slide-active{
width:$_570!important;
height:$_380 !important;
}
.custom-slide .recomdInfo:hover .recomdText{
 display: none
}
.custom-slide.custom-slide-active .recomdInfo .recomdText{
  z-index: 99;
 @include dfcc
}
.custom-slide .recomdInfo:hover .mask{
  height: 0;
}
.custom-slide.custom-slide-active .recomdInfo .mask{
  background:rgba(0,0,0,0.55);
  height: 100%;
  transition: height 0.1s;
}


/*Input*/
.baseInput{
  width: 100%;
height:$_45;
background:rgba(255,255,255,1);
border:$_1 solid rgba(229,229,229,1);
border-radius:$_2;
font-size: $_20 !important;
}
.label{
  display: flex;
  align-items: center;
  margin-right: 10px;
  font-size: 14px;
  color: #555;
  .input{
    height: 100%;
    padding: 0 $_12;
    border:$_1 solid rgba(229,229,229,1);
    border-radius:$_2;
  }
}

/*验证码*/
.vaildCode{
    color: $cblue;
    text-align: center;
    border-radius: 0.08rem;
    border: 1px solid $cblue;
    display: flex;
    align-items: center;
    padding: 0 $_10;
}

.aNormal{
  font-size: $_14;
  color: $cblue
}
.textcenter{
  text-align: center
}

/*borderCell*/
.borderCell{
  margin: $_10 $_10 0 0;
  font-size: $_14;
  color: #555;
  border: $_1 solid #e5e5e5;
  padding: $_9 $_16;
}
/*antd modal*/
.ant-modal-confirm-btns .ant-btn-primary{
background: $cblue!important;
border-color: $cblue !important;

}
.ant-checkbox-checked .ant-checkbox-inner{
  background: $cblue!important;
border-color: $cblue !important;
}

.linkTitle{
  font-size: $_20;
  color: #555;
  padding-left: $_14;
  border-left: $_4 solid $cmain;
}

.imgWrapper{
  min-width: $_102;
  width: $_102;
  height: $_68;
  background: #e5e5e5;
}
